<template>
  <!-- <van-sticky>
    <van-button type="primary">
      <van-nav-bar title="标题" left-text="返回" left-arrow @click-left="onClickLeft" />
    </van-button>
  </van-sticky> -->
  <div class="box">
    <header></header>
    <main></main>
    <footer></footer>
  </div>
</template>
<script setup lang="ts">
// const onClickLeft = () => history.back()
</script>

<style  scoped lang="scss">
.box{
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  header{
    flex: .0;
    width: 100%;
    background-color: #ff0000;
  }
  main{
    flex: .84;
    width: 100%;
    background-color: #eee;
  }
  footer{
    flex: .08;
    width: 100%;
    background-color: #ff0000
  }
}
</style>
